<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        // promsise对象的三种状态
        // 1. pending  等待状态  new Promise
        // 2. fulfilled  已成功
        // 3. rejected   已失败


        // 1. 对象的状态不受外界影响。 resolve  ==> 成功， reject失败了
        // 2. 一旦状态改变，就不会再变，任何时候都可以得到这个结果


        const p = new Promise((resolve, reject) => {
            // 一般处理一些异步操作
            resolve('success1')
            reject('error')
            resolve()
        })

        p.then(res => {
            console.log(`then : ${res}` )
        }).catch(err => {
            console.log(`catch : ${err}`)
        })

        // Q: 最后log什么？ then:success1  状态一旦确定，就不会再变了

        p.then(res => {
            console.log(res)
        })

        p.then(res => {
            console.log(res)
        })
    </script>
</body>
</html>